<div class="ui-widget ui-widget-content ui-corner-all" >
	<div class="ui-tabs-nav ui-widget-header">
    	<span class="ui-dialog-title" id="ui-dialog-title-dialog">&nbsp;&nbsp;&nbsp;Cadastro de Pessoas F/J</span>
    </div>
    

<form action="#" method="post" name="form">
<table cellpadding="0" cellspacing="0" width="100%">
    <tr>
    	<td width="10%"></td>
    	<td  align="left">
			<label for="busca">Nome da Pessoa:</label>
        </td>
        <td>    
        	<input type="text" name="busca"  size="40" title="Pesquise pelo nome" class="text ui-widget-content ui-corner-all" />
    	</td>

    </tr>
    

    <tr>
    <td>
		<script>
            $( "#radioset" ).buttonset();
        </script>
          
           						<tr>
                                	<td width="20%"></td>
                                	<td>
                                		<label for="busca">Tipo da Pessoa:</label>
                                	</td>
                                    <td>
                                    	 <div id="radioset">
                                            <input type="radio" id="radio1" name="pessoa" value="1" /><label for="radio1">F&iacute;sica</label>
                                            <input type="radio" id="radio2" name="pessoa" value="2" checked="checked" /><label for="radio2">Jur&iacute;dica</label>
                                            <input type="radio" id="radio3" name="pessoa" value="0" /><label for="radio3">Todos</label>
    									 </div>
                                    </td>
                                </tr>
       
    </td>
    </tr>
      
    <tr>
    <td width="10%"></td>
    <td align="left">
     <label for="busca">Tipo de Categorias:</label>
    </td>
    <td> 
    	<input type="text" name="gcategoria" id = "gcategoria" onclick="abre_grupos();"  size="40" class="text ui-widget-content ui-corner-all" />
    <input type="hidden" size="5" name="idcategoria" id = "idcategoria" value="{idcategoria}" />
  
    </td>
    
    </tr>     
    <tr>

    	<td align="center" colspan="3">
        	<input type="button" value="Pesquisar" onClick="pesquisar_cadastro();" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
        </td>
    </tr>
  
</table>
</form>
</fieldset>

<br />

<div align="center">
<input type="button" value="Inserir Novo" onClick="novo_cadastro();" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
&nbsp;
<input type="button" value="Editar" onClick="editar_cadastro();" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
&nbsp;
<input type="button" value="Excluir" onClick="excluir_cadastro();" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
</div>
<br />

<div id="lista" style="overflow:auto; height:280px; width:100%; border: 0px; background: #FFF;" >
<br />
<form action="#" method="post" name="form2">

<table cellpadding="0" cellspacing="0" width="98%">
<tr class="ui-tabs-nav ui-widget-header">
<td width="2%" height="30"></td>
<td width="4%" align="center" valign="middle">
<font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">
<b>C&oacute;digo</b>
</font>
</td>
<td width="34%" valign="middle" align="left">
&nbsp;
<font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">
<b>Nome/Raz&atilde;o</b>
</font>
</td>
<td width="20%" valign="middle" align="left">
&nbsp;
<font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">
<b>Telefone Comercial</b>
</font>
</td>
<td width="30%" valign="middle" align="left" colspan="2">
&nbsp;
<font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">
<b>E-mail</b>
</font>
</td>
</tr>

<!-- START BLOCK : LOOP -->
<tr style="background-color:{cor};" onMouseOver="javascript:this.style.backgroundColor='#dce3e9'" onMouseOut="javascript:this.style.backgroundColor='{cor}'">
	<td valign="middle" height="30">
    <center>
    <input type="checkbox" id="ck{cont}" name="ck{cont}" value="{par_id}" />
    </center>
    </td>
	<td title="{registros}">
    <font color="#000000" size="2" face="Arial, Helvetica, sans-serif">
	<center>{id}</center>
    </font>
	</td>
	<td  align="left" title="{registros}">
    <font color="#000000" size="2" face="Arial, Helvetica, sans-serif">
    &nbsp; {nome}
    </font>
    </td>
	<td  align="left">
    <font color="#000000" size="2" face="Arial, Helvetica, sans-serif">
    &nbsp; {telefone}
    </font>
    </td>
	<td  align="left" colspan="2">
    <font color="#000000" size="2" face="Arial, Helvetica, sans-serif">
    &nbsp; {email}
    </font>
    </td>        
</tr>
<!-- END BLOCK : LOOP -->
<tr>
	<td colspan="6">
    <br />
    <center> 
    {pag}
    </center>
    </td>
</tr>
</table>
</form>
</div>
</div>